@import "common/config";
@import "common/module";

//guarantee-detail
.guarantee-detail {
  padding-bottom: 1.3rem;
  //detail-status
  .detail-status {
    text-align: center;
    color: @ACCENT_COLOR;
    padding: .14rem 0;
    background-color: #fff;
    box-shadow: 2px 2px 3px #E6E6E6;
  }
  //detail-hd
  .detail-hd {
    background-color: #fff;
    overflow: hidden;
    margin-top: 5px;
    .guarantee-img {
      margin: .25rem;
      float: left;
      width: 2.85rem;
      height: 1.7rem;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .guarantee-tit {
      font-size: .3rem;
      padding-top: .3rem;
      line-height: .4rem;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      font-weight: normal;
      padding-right: .24rem;
    }
  }
  //detail-bd
  .detail-bd {
    margin: .24rem;
    //bd-item-com
    .bd-item-com {
      background-color: #fff;
      font-size: .28rem;
      margin-top: .24rem;
      //bd-item-tit
      .bd-item-tit {
        overflow: hidden;
        padding: .36rem .3rem;
        .tit-name {
          color: @TEXT_COLOR;
          font-weight: bold;
        }
        .tit-txt {
          color: @TEXT_ASSIST_COLOR;
        }
        .tit-icon {
          position: relative;
          float: right;
          color: #f9a14a;
          margin-right: .2rem;
          &:after {
            position: absolute;
            right: -.4rem;
            top: .02rem;
            content: '';
            width: 0;
            height: 0;
            line-height: 0;
            overflow: hidden;
            display: inline-block;
            border-color: transparent transparent transparent #f9a14a;
            border-style: dashed dashed dashed solid;
            border-width: 6px 6px 6px 6px;
          }
        }
        .cur {
          &:after {
            right: -0.3rem;
            top: .12rem;
            border-color: #f9a14a transparent transparent transparent;
            border-style: solid dashed dashed dashed;
            border-width: 6px 6px 6px 6px;
          }
        }
      }
      //bd-item-cont
      .bd-item-cont {
        border-top: 1px solid #E7E7E7;
        overflow: hidden;
        display: none;
        .cont-list {
          padding: .32rem .3rem;
          border-top: 1px solid #F2F2F2;
          margin-top: -1px;
          .list-name {
            color: @TEXT_COLOR;
          }
          .list-txt {
            color: @TEXT_ASSIST_COLOR;
            line-height: .38rem;
          }
        }
      }
    }

    //buy-info
    .buy-info {
      .time {
        float: right;
        margin-right: .24rem;
        color: @TEXT_ASSIST_COLOR;
      }
    }
    //applicant-info
    .applicant-info {
      .identity-card-info {
        overflow: hidden;
        .card-info-inner {
          width: 120%;
          overflow: hidden;
        }
        .card-img {
          float: left;
          width: 40%;
          margin-right: .3rem;
          img {
            width: 100%;
          }
        }
      }
    }

    .insurer {
      .cont-list {
        .list-txt {
          a {
            color: #3d6dfe;
          }
        }
      }
    }
  }
  //guarantee-price
  .guarantee-price {
    text-align: right;
    font-size: .28rem;
    padding-right: .24rem;
    margin-top: .6rem;
    span {
      color: @ACCENT_COLOR;
      font-size: .42rem;
    }
  }
  .sure-guarantee {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    background-color: @MAIN_COLOR;
    font-size: .28rem;
    text-align: center;
    padding: .3rem 0;
  }
}

